<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
    <!-- Author -->
    <meta name="author" content="Themes Industry">
    <!-- description -->
    <meta name="description"
          content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
    <!-- keywords -->
    <meta name="keywords"
          content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
    <!-- Page Title -->
    <title>球谱足球</title>
    <!-- Favicon -->
    <!-- Bundle -->
    <link th:href="@{/css/goalAdmin.css}" rel="stylesheet">
    <!-- Plugin Css -->
    <link th:href="@{/css/inconFont.css}" rel="stylesheet">
    <link th:href="@{/css/layout.css}" rel="stylesheet">
    <link th:href="@{/css/newLogin.css}" rel="stylesheet">
    <link th:href="@{/css/scoreNew.css}" rel="stylesheet">
</head>
<header>
</header>
<body class="box">
<div id="fcyt" fn="489">
    <div id="layoutScreen">
        <div id="list-time" class="content layout-grid">
            <img th:src="@{/image/big5.jpg}" style="height:600px"
                 alt="球谱足球,简单,快速,准确" class="float-left w-bar-100">
            <div class="layout-grid-thead">
                <div class="children">
                    <div class="content position-r">
                        <div class="box_h">
                            <div class="lab-check"><span id="all-check" class="iconfont"></span></div>
                            <div class="lab-events">赛事</div>
                            <div class="lab-time">时间</div>
                            <div class="lab-lottery">编号</div>
                            <!--                            <div class="lab-status">状态</div>-->
                            <div class="lab-team-home">主场球队</div>
                            <div class="lab-score">比分</div>
                            <div class="lab-team-away">客场球队</div>
                            <!--                            <div class="lab-func">AI预测欧盘</div>-->
                            <div class="lab-func" style="margin-left:3%">体彩预测</div>
                            <div class="lab-func" style="margin-left:16%">临场预测</div>
                            <div class="lab-func" style="margin-left:15%">大小</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="remo-content"></div>
            <div id="scrllosss">
                <div>
                    <div id="list-panel" class="clearfix-row">
                        <div class="mod">
                        </div>
                        <div class="dd-live-title" style=""><i class="iconfont icon-iconfinish color-yellow3"></i>今日所有比赛
                            <p style="float:right;color: red"
                               th:text="'今日欧盘准确率: ' + ${pre} + '% 亚盘准确率: ' + ${pre2} + '%' + ' 大小球准确率: ' + ${pre3} + '%'">
                                100%</p>
                        </div>
                        <div class="mod">
                            <div inx="0" start="-1" end="100" class="lier" th:each="plays:${list}">
                                <div id="match_layout_4041444" class="animat">
                                    <div class="box_h dd-item data" style="height: 500px">
                                        <div class="lier-check">
                                            <div class="box">
                                                <div class="flex1"></div>
                                                <div><span class="iconfont"></span></div>
                                                <div class="flex1"></div>
                                            </div>
                                        </div>
                                        <div class="lier-live-level">
                                            <div class="box">
                                                <div class="flex1"></div>
                                                <div><i class="live-level"
                                                        style="background-color: rgb(163, 81, 63);"></i></div>
                                                <div class="flex1"></div>
                                            </div>
                                        </div>

                                        <div class="lier-event-name">
                                            <div class="box">
                                                <div class="flex1"></div>
                                                <div>
                                                    <a href="#" target="_blank" style="padding-left: 20px"
                                                       class="event-name lang" th:text="${plays.eventName}">日皇后杯</a>
                                                </div>
                                                <div class="flex1"></div>
                                            </div>
                                        </div>
                                        <div class="lier-time">
                                            <div class="box">
                                                <div class="flex1"></div>
                                                <div>
                                                    <a href="#" target="_blank"
                                                       class="event-name lang"
                                                       th:text="${#dates.format(plays.playingTime,'HH:mm')}">00:00:00</a>
                                                </div>
                                                <div class="flex1"></div>
                                            </div>
                                        </div>
                                        <div class="lier-lottery">
                                            <div class="box">
                                                <div class="flex1"></div>
                                                <div><span class="text-jc"></span> <span class="text-bd"></span> <span
                                                        class="text-zc"></span></div>
                                                <div class="flex1"></div>
                                            </div>
                                        </div>

                                        <div class="lier-team-home bd-left">
                                            <div class="box">
                                                <div class="flex1"></div>
                                                <div><!----> <span class="card homeyellowcards bgcolor-yellow4"
                                                                   style="display: none;">0</span> <span
                                                        class="card homeredcards bgcolor-red"
                                                        style="display: none;">0</span> <a
                                                        href="#"
                                                        target="_blank" class="name color-666 lang"
                                                        th:text="${plays.homeName}">东洋大学女足
                                                    <!----></a></div>
                                                <div class="flex1"></div>
                                            </div>
                                        </div>
                                        <div id="score4041444" class="lier-score color-red">
                                            <div class="box">
                                                <div class="flex1"></div>
                                                <div class="find"><a href="#"
                                                                     target="_blank" class="score"><b
                                                        class="color-red skin-color-s">
                                                    <a href="#" target="_blank"
                                                       class="event-name lang" th:text="${plays.homeScore}"></a>
                                                    <a href="#" target="_blank"
                                                       class="event-name lang"> - </a>
                                                    <a href="#" target="_blank"
                                                       class="event-name lang" th:text="${plays.visitScore}"></a>
                                                </b></a></div>
                                                <div class="flex1"></div>
                                            </div>
                                        </div>


                                        <div class="lier-team-away">
                                            <div class="box">
                                                <div class="flex1"></div>
                                                <div><a href="#"
                                                        target="_blank" class="name color-666 lang"
                                                        th:text="${plays.visitName}">日本足协学院福岛女足<img
                                                        src="https://static.leisu.com/public/img/football/images-event/icon_goal-65cbc5df65.png"
                                                        class="goal-icon" style="display: none;"></a> <span
                                                        class="card awayredcards bgcolor-red"
                                                        style="display: none;">0</span> <span
                                                        class="card awayyellowcards bgcolor-yellow4"
                                                        style="display: none;">0</span> <!----></div>
                                                <div class="flex1"></div>
                                            </div>
                                        </div>
                                        <div class="lier-data">
                                            <div class="box">
                                                <div class="flex1"></div>
                                                <div>
                                                    <!--                                                    <span class="link col-3">&nbsp;</span>-->
                                                    <p th:text="${plays.predictResultEurope}" style="width: 200px">
                                                    </p>
                                                </div>
                                                <div class="flex1"></div>
                                            </div>
                                        </div> <!---->

                                        <div class="lier-sb bd-right" style="width: 120px">
                                            <div class="box">
                                                <div class="flex1"></div>
                                                <div th:if="${plays.europeResultType}  == '0'" style="float: left">
                                                    <img th:src="@{/image/red.png}" style="width: 30px">
                                                </div>
                                                <div th:if="${plays.europeResultType}  == '1'" style="float: left">
                                                    <img th:src="@{/image/black.png}" style="width: 30px">
                                                </div>
                                                <div class="flex1"></div>
                                            </div>
                                        </div>

                                        <div class="lier-data">
                                            <div class="box">
                                                <div class="flex1"></div>
                                                <div>

                                                    <!--                                                    <span class="link col-3">&nbsp;</span>-->
                                                    <p th:text="${plays.predictResultAsian}" style="max-height: 500px;max-width: 500px;;position:absolute; overflow-y: auto; ">
                                                        <!--                                                    <p th:text="${plays.predictResultEurope}" style="max-width: 200px; overflow: hidden; text-overflow: ellipsis;">-->
                                                    </p>
                                                </div>
                                                <div class="flex1"></div>
                                            </div>
                                        </div> <!---->

                                        <div class="lier-sb bd-right" style="width: 120px">
                                            <div class="box">
                                                <div class="flex1"></div>
                                                <div th:if="${plays.asianResultType}  == '0'" style="float: left">
                                                    <img th:src="@{/image/red.png}" style="width: 30px">
                                                </div>
                                                <div th:if="${plays.asianResultType}  == '1'" style="float: left">
                                                    <img th:src="@{/image/black.png}" style="width: 30px">
                                                </div>
                                                <div class="flex1"></div>
                                            </div>
                                        </div>

                                        <div class="lier-data">
                                            <div class="box">
                                                <div class="flex1"></div>
                                                <div>
                                                    <!--                                                    <span class="link col-3">&nbsp;</span>-->
                                                    <p th:text="${plays.bigSmallResult}" style="width: 200px">
                                                    </p>
                                                </div>
                                                <div class="flex1"></div>
                                            </div>
                                        </div> <!---->

                                        <div class="lier-sb bd-right" style="width: 120px">
                                            <div class="box">
                                                <div class="flex1"></div>
                                                <div th:if="${plays.bigSmallResultType}  == '0'" style="float: left">
                                                    <img th:src="@{/image/red.png}" style="width: 30px">
                                                </div>
                                                <div th:if="${plays.bigSmallResultType}  == '1'" style="float: left">
                                                    <img th:src="@{/image/black.png}" style="width: 30px">
                                                </div>
                                                <div class="flex1"></div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <!--                            循环结束div-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>